<template>
  <div class="home-banner">
    <syCarousel :silders="silders" :autoPlay="true"></syCarousel>
  </div>
</template>

<script>
import { ref } from 'vue'
import { getBannerAPI } from '@/api/home'

export default {
  name: 'HomeBanner',
  setup () {
    const silders = ref([])
    getBannerAPI().then(data => {
      silders.value = data.result
      // console.log(data)
    })
    return { silders }
  }
}
</script>

<style>

</style>
